<template>
  <div class="bg-[#000] pt-10 pb-10">
    <div class="container link">
      <a href="https://www.baidu.com/" target="_blank" class="divider"
        >网站地图</a
      >
      <a href="https://www.baidu.com/" target="_blank" class="divider"
        >使用条款</a
      >
      <a href="/contact" target="_blank">联系我们</a>
      <hr />
      <span style="font-size: 10pt"
        >Copyright © 2024 上海橘马电子科技有限公司</span
      >
      <span style="color: #ffffff">
        <a
          style="font-size: 10pt; margin-left: 20px; color: #ffffff"
          href="https://beian.miit.gov.cn/"
          target="_blank"
          rel="noopener"
          >沪ICP备2023035592号-1</a
        ></span
      >
    </div>
  </div>
</template>
<script lang="ts" setup>
import { h, ref } from "vue";
import { ElDivider } from "element-plus";

const size = ref(10);
const spacer = h(ElDivider, { direction: "vertical" });
</script>
<style lang="scss" scoped>
.link {
  color: #ccc;
  .divider {
    &::after {
      content: "|";
      margin: 0 8px;
      vertical-align: top;
    }
  }
  > hr {
    border: 0;
    border-top: 1px solid #cccccc;
    opacity: 0.25;
    margin: 20px 0;
  }
}
</style>
